<template>
 <div>
  <van-tabs v-model="active"  swipeable animated>
    <van-tab title="音乐">内容 1</van-tab>
    <van-tab title="问答">
      <a-tree :tree-data="treeData" :expandedKeys.sync="expandedKeys">
      </a-tree>
    </van-tab>
    <van-tab title="影视">内容 3</van-tab>
  </van-tabs>
  <tabber />
 </div>
</template>

<script>
import tabber from '../components/common/tabber.vue'
const treeData = [
  {
    title: '李仙人',
    key: '0',
    children: [
      {
        title: '王鑫',
        key: '0-0',
        children: [
          { title: '孙钰', key: '0-0-0' },
          { title: '张杰龙', key: '0-0-1' },
          { title: '齐霄龙', key: '0-0-2' },
        ],
      },
      {
        title: '孙钰',
        key: '0-1',
        children: [
          { title: '王鑫', key: '0-1-0' },
          { title: '张杰龙', key: '0-1-1' },
          { title: '齐霄龙', key: '0-1-2' },
        ],
      },
    ],
  },
];
export default {
  components:{
    tabber
  },
  data() {
    return {
      treeData,
      expandedKeys: ['0', '0-1'],
      active: 1
    };
  },
  methods: {
  },
};
</script>

<style>

</style>
